
<?php
if(isset($_GET['id'])){
    $objectID = $_GET['id'];
}
else{
    $objectID = '';
}
?>
<div class="bground">
    	<div class="content">
        	<div class="step-outer">
            	<a class="step-number edit-prj active"  onclick="tabProjectInfo(0);">Basic Info</a>
                <a class="step-number edit-prj"  onclick="tabProjectInfo(1);">Material Info</a>
                <a class="step-number edit-prj" onclick="tabProjectInfo(2);">Equibment Tool</a>
                <a class="step-number edit-prj" onclick="tabProjectInfo(3);">Contractor Info</a>
                <a class="step-number edit-prj" onclick="tabProjectInfo(4);">Step Info</a>
            </div><!--step-outer-->
            <div class="box-full tabContents">
                <div class="form-basicinfo form">
                	<form id="project_info_form" action="">                    
                    <div class="text-outer reditalic"  id="error_project_info_form"></div>
                    	<div class="row fix-inline">
                        	<label>Title:</label>
                            <div class="text-outer"><input name="infoTitle" type="text" class="text" style="width:555px;"></div>
                        </div>
                        <div class="row fix-inline">
                        	<label>Description:</label>
                            <div class="text-outer"><textarea name="infoDescription" rows="4" class="textarea" style="width:555px;"></textarea></div>
                        </div>
                        <div class="row fix-inline">
                        	<label>Cost:</label>
                            <div class="text-outer"><input name="infoCost" type="text" class="text" style="width:555px;"></div>
                        </div>
                        <div class="row fix-inline">
                        	<label>Time Span:</label>
                            <div class="text-outer"><input name="infoTimeSpan" type="text" class="text" style="width:555px;"></div>
                        </div>
                        <div class="row fix-inline">
                            <div class="text-outer">
                            	<input name="actionSaveInfo" type="button" class="button" value="Save"  id="actionSaveInfo" />
                                <!-- <input name="" type="reset" class="button" value="Reset"> -->
                            </div>
                        </div>
                    </form>
                </div><!--form-basicinfo-->
            </div><!--box-full-->
            
            
            <div class="tabContents" style="display: none;">
                <br />
                <div class="myproject-control">
                <a id="button_show_add_material" class="small-button modalbox" href="#material_popup_form" onclick="showMaterialForm('');>
                    <span class="icon-plus"></span>Add Material
                </a>
                </div>
            	<table class="tfull" width="100%">
                    <thead>
                        <th width="17%">Material name</th>
                        <th width="17%">Material spec</th>
                        <th width="17%">Material Brand</th>
                        <th width="17%">Material Price</th>
                        <th width="17%">Material Model</th>
                        <th width="17%">Option</th>
                    </thead>
                    <tbody id="material_list">
                        <tr id="no_material">
                        <td colspan="6">No material found</td>
                        </tr>
                    </tbody>
                </table>
                
            </div>
            
            
            <div class="tabContents" style="display: none;">
                <br />
                <div class="myproject-control">
                <a id="button_show_add_tool" class="small-button modalbox" href="#tool_popup_form" onclick="showToolForm('');">
                    <span class="icon-plus"></span>Add Tool
                </a>
                <a  class="small-button modalbox" href="#add_from_my_tool">
                    <span class="icon-plus"></span>Add From My Tool
                </a>
                </div>
            	<table class="tfull" width="100%">
                    <thead>
                        <th width="17%">Tool name</th>
                        <th width="17%">Tool spec</th>
                        <th width="17%">Tool Brand</th>
                        <th width="17%">Tool Price</th>
                        <th width="17%">Tool Model</th>
                        <th width="17%">Option</th>
                    </thead>
                    <tbody id="tool_list">
                        <tr id="no_tool">
                        <td colspan="6">No tool found</td>
                        </tr>
                    </tbody>
                </table>
                
            </div>
            
            
           <!-- Contractor info -->
            <div class="tabContents" style="display: none;">
                <br />
                <div class="myproject-control">
                <a id="button_show_add_contractor" class="small-button modalbox" href="#contractor_popup_form" onclick="showContractorForm('');>
                    <span class="icon-plus"></span>Add Contractor
                </a>
                </div>
            	<table class="tfull" width="100%">
                    <thead>
                        <th width="17%">Contractor name</th>
                        <th width="17%">Description</th>
                        <th width="17%">Contractor web</th>
                        <th width="17%">Contractor email</th>
                        <th width="17%">Contractor phone</th>
                        <th width="17%">Option</th>
                    </thead>
                    <tbody id="contractor_list">
                        <tr id="no_contractor">
                        <td colspan="6">No Contractor info</td>
                        </tr>
                    </tbody>
                </table>
                
            </div><!-- step info -->
            
            <!-- step info -->
            <div class="tabContents stepinfo-list" style="display: none;">
                <br />
                <div class="myproject-control">
                <a id="button_show_add_step" title="Add Step" class="small-button modalbox" href="#step_popup_form" onclick="showStepForm('');>
                    <span class="icon-plus"></span>Add Step
                </a>
                </div>

                
                <div id="step_list">
                
                </div>
                <div class="nodata" id="no_step">
                    No step found
                </div>
                
            </div><!-- step info -->
            
            </div><!--content-->
        </div>
	<?php
    include('material_form.php');
    include('tool_form.php');
    include('step_form.php');
    include('contractor_form.php');
    ?>

<!-- 
Other form:

Tool: name, spec, brand, price, model
Contractor: name, description,web,email,phone
Step: picture, name, description, picture, media
!-->
<script type="text/javascript">
	$(document).ready(function() {	
	   setObjectID('<?php echo $objectID?>');
       
	});
</script>